.SwiperTempA01 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;

	overflow: hidden;

	& > .ant-spin {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ant-empty-description {
		color: white;
	}

	& > .Box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		& > .SwiperBox {
			width: 100%;
			flex: 1;
			--swiper-pagination-bullet-inactive-color: #fff;

			.swiper-pagination {
				text-align: right;
				padding-right: 16px;
			}

			.SwiperItem {
				position: relative;
				z-index: 1;
				cursor: pointer;

				& > img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}

				& > div {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 41px;
					background: rgba(0, 0, 0, 0.8);
					display: flex;
					align-items: center;
					justify-content: flex-start;
					padding: 0 16px;
					font-size: 12px;
					font-family: ShuHeiTi;
					font-weight: bold;
					color: #ffffff;
				}
			}
		}

		& > .List {
			width: 100%;
			height: 90px;
			margin-top: 16px;
			overflow-y: scroll;

			&::-webkit-scrollbar {
				display: none;
			}

			& > div {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 40px;
				border-bottom: 1px solid rgba(100, 180, 7, 0.8);
				padding: 0 16px;
				font-size: 12px;
				font-family: MicrosoftYaHei;
				color: #ffffff;
				cursor: pointer;
			}
		}
	}
}

.SwiperTempA02 {
	padding: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	.ant-spin {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ant-empty-description {
		color: white;
	}

	.Box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;

		& > div {
			height: 100%;

			&.List {
				width: 440px;
				margin-right: 16px;

				& > div {
					width: 100%;
					border-bottom: 1px solid #0b4965;
					padding: 16px;
					font-size: 14px;
					font-family: "微软雅黑";
					font-weight: bold;
					color: #ffffff;
					cursor: pointer;

					&.active {
						background: linear-gradient(0deg, #dd6c2f, #11273b);
						border: 1px solid #ffea64;
					}
				}
			}

			&.Annex {
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;

				.SwiperBox {
					width: 100%;
					height: 100%;

					embed {
						width: 100%;
						height: 100%;
					}
				}
			}
		}
	}
}

.SwiperTempA03 {
	padding: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	.ant-spin {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ant-empty-description {
		color: white;
	}

	.Box {
		flex: 1;
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
		overflow: hidden;
		position: relative;
		pointer-events: none;

		& > img {
			margin-bottom: 4px;
			width: 283px;
			height: 88px;
			display: block;
		}

		& > div {
			flex: 1;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden;
			pointer-events: none;
			position: relative;
			z-index: 1;
			pointer-events: auto;

			& > div {
				flex: 1;
				height: 100%;
				overflow: hidden;

				&.List {
					margin-right: 16px;
					overflow-y: scroll;

					& > div {
						width: 100%;
						height: 40px;
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-size: 12px;
						font-family: MicrosoftYaHei;
						color: #ffffff;
						padding: 0 16px;
						cursor: pointer;

						&:nth-child(odd) {
							border-bottom: 1px solid rgba(247, 209, 137, 0.8);
						}

						&:nth-child(even) {
							border-bottom: 1px solid rgba(247, 209, 137, 0.5);
						}
					}
				}

				&.SwiperBox {
					height: 100%;
					--swiper-pagination-color: red;
					--swiper-pagination-bullet-inactive-color: #fff;
					position: relative;
					z-index: 1;

					.swiper-pagination {
						text-align: right;
						padding-right: 16px;
					}

					.SwiperItem {
						position: relative;
						z-index: 1;
						cursor: pointer;

						& > img {
							width: 100%;
							height: 100%;
							object-fit: cover;
						}

						& > div {
							position: absolute;
							left: 0;
							bottom: 0;
							width: 100%;
							height: 41px;
							background: rgba(0, 0, 0, 0.8);
							display: flex;
							align-items: center;
							justify-content: flex-start;
							padding: 0 16px;
							font-size: 12px;
							font-family: ShuHeiTi;
							font-weight: bold;
							color: #ffffff;
						}
					}
				}
			}
		}

		&:first-child {
			margin-bottom: 16px;
		}
	}
}

.SwiperTempA04 {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;

	& > .Lef {
		position: absolute;
		left: 0;
		top: 0;
		width: 334px;
		height: 871px;
		z-index: 2;
	}

	& > .Btm {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: 107px;
		z-index: 1;
	}

	.Box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 0 40px 240px;

		.ant-spin {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.ant-empty-description {
			color: white;
		}

		& > .SwiperBox {
			width: 100%;
			height: 100%;

			.SwiperItem {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-items: center;
				flex-direction: column;

				&:nth-child(even) {
					flex-direction: column-reverse;

					& > .Image {
						flex-direction: column-reverse;

						& > div {
							&::after {
								align-items: flex-end;
							}
						}
					}

					& > .Title {
						&::after {
							top: unset;
							bottom: -3px;
						}

						&::before {
							top: unset;
							bottom: -15px;
						}
					}
				}

				& > div {
					flex: 1;
					width: 100%;

					&.Image {
						display: flex;
						align-items: center;
						justify-content: center;
						flex-direction: column;

						& > img {
							width: 409px;
							height: 246px;
							border: 4px solid #759bb3;
							object-fit: cover;
							margin: 16px 0;
						}

						& > div {
							height: 130px;
							width: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							font-family: ShuHeiTi;
							font-weight: bold;
							color: #ffffff;
							font-size: 60px;
							background: linear-gradient(180deg, #ffffff, #112d59);
							-webkit-background-clip: text;
							background-clip: text;
							-webkit-text-fill-color: transparent;
							position: relative;
							z-index: 1;

							&::after {
								position: absolute;
								content: "INCORPORATION";
								display: flex;
								align-items: flex-start;
								justify-content: center;
								left: 0;
								top: 0;
								width: 100%;
								height: 100%;
								font-family: ShuHeiTi;
								font-weight: bold;
								color: #ffffff;
								font-size: 80px;
								background: linear-gradient(
									180deg,
									rgba(255, 255, 255, 0.3),
									rgba(17, 45, 89, 0.3)
								);
								-webkit-background-clip: text;
								background-clip: text;
								-webkit-text-fill-color: transparent;
								z-index: -1;
							}
						}
					}

					&.Title {
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						position: relative;
						z-index: 1;

						&::after {
							position: absolute;
							content: "";
							left: 0;
							top: -3px;
							width: 100%;
							height: 6px;
							background: rgba(53, 99, 147, 1);
						}

						&::before {
							position: absolute;
							content: "";
							width: 24px;
							height: 24px;
							left: calc(50% - 12px);
							background: linear-gradient(
								0deg,
								rgba(1, 115, 132, 1),
								rgba(17, 45, 89, 1)
							);
							border: 4px solid #ffffff;
							box-shadow: 0 0 50px #fff;
							top: -15px;
							border-radius: 50%;
							z-index: 1;
						}

						& > div {
							background: linear-gradient(
								0deg,
								rgba(1, 115, 132, 1),
								rgba(17, 45, 89, 1)
							);
							border: 4px solid #759bb3;
							padding: 32px;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 14px;
							font-family: ShuHeiTi;
							font-weight: bold;
							color: #ffffff;
						}
					}
				}
			}
		}
	}
}

.SwiperTempA05 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 45px;

	& > div {
		height: 100%;

		&.Video {
			flex: 1;
			margin-right: 30px;

			video {
				object-fit: fill;
			}
		}

		&.List {
			width: 360px;

			& > .swiper {
				height: 100%;

				.swiper-slide {
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: space-evenly;
					flex-direction: column;
					transition: 0.33s;
					cursor: pointer;
					background-size: 100% 100%;

					&.active {
						img {
							border: 1px solid #f7c54d;
						}
					}

					img {
						display: block;
						width: 326px;
						height: calc(100% - 40px);
						object-fit: cover;
					}

					.SwiperName {
						font-size: 18px;
						font-family: MicrosoftYaHei;
						font-weight: bold;
						color: #ffffff;
					}
				}
			}
		}
	}
}

.SwiperTempA06 {
	padding: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	.ant-spin {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ant-empty-description {
		color: white;
	}

	.Box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;

			&.List {
				flex: 447;
				margin-right: 16px;

				& > div {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					cursor: pointer;

					&.active {
						& > .Title {
							background: linear-gradient(
								0deg,
								rgba(1, 115, 132, 1),
								rgba(17, 45, 89, 1)
							);
							border: 1px solid #759bb3;
						}

						& > .Child {
							& > div {
								background: #0b4965;
							}
						}
					}

					& > .Title {
						width: 100%;
						height: 64px;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 14px;
						font-family: MicrosoftYaHei;
						font-weight: bold;
						color: #fffefe;
						border-bottom: 1px solid rgba(11, 73, 101, 1);
					}

					& > .Child {
						width: 100%;
						padding: 0 16px;

						& > div {
							width: 100%;
							padding: 8px;
							border-bottom: 1px solid rgba(11, 73, 101, 1);
							height: 56px;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 12px;
							font-family: MicrosoftYaHei;
							font-weight: bold;
							color: #fffefe;
							cursor: pointer;

							&:hover,
							&.active {
								border: 1px solid #ffea64;
								background: linear-gradient(
									0deg,
									rgba(221, 108, 47, 1),
									rgba(17, 39, 59, 1)
								);
							}
						}
					}
				}
			}

			&.Annex {
				flex: 1318;
				background: rgba(11, 81, 111, 0.8);
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;

				& > .SwiperBox {
					width: 100%;
					height: 100%;

					.SwiperItem {
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 16px;

						& > img {
							width: 100%;
							width: 100%;
							display: block;
							object-fit: contain;
						}
					}
				}
			}
		}
	}
}

.SwiperTempA07 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	.ant-spin {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ant-empty-description {
		color: white;
	}

	& > .Box {
		width: 100%;
		height: 100%;

		& > .swiper {
			height: 100%;

			.swiper-slide {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-evenly;
				flex-direction: column;
				transition: 0.33s;
				cursor: pointer;
				background-size: 100% 100%;

				&.active {
					img {
						border: 1px solid #f7c54d;
					}
				}

				img {
					display: block;
					width: 326px;
					height: calc(100% - 40px);
					object-fit: cover;
				}

				.SwiperName {
					font-size: 18px;
					font-family: MicrosoftYaHei;
					font-weight: bold;
					color: #ffffff;
				}
			}
		}
	}
}

.SwiperComA01 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;

	.ant-spin {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ant-empty-description {
		color: white;
	}

	.SwiperBox {
		width: 100%;
		height: 100%;
		--swiper-pagination-color: rgba(1, 195, 175, 1);
		--swiper-pagination-bullet-inactive-color: #fff;
		position: relative;
		z-index: 1;

		.swiper-pagination {
			text-align: right;
			padding-right: 16px;
		}

		.SwiperItem {
			position: relative;
			z-index: 1;
			cursor: pointer;

			& > img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

			& > div {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 41px;
				background: rgba(0, 0, 0, 0.8);
				display: flex;
				align-items: center;
				justify-content: flex-start;
				padding: 0 16px;
				font-size: 12px;
				font-family: ShuHeiTi;
				font-weight: bold;
				color: #ffffff;
			}
		}
	}
}

.SwiperComA02 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	.ant-empty-description {
		color: white;
	}

	& > .SwiperBox {
		width: 100%;
		height: 100%;
		cursor: pointer;

		img {
			width: 100%;
			height: 100%;
		}
	}
}

.SwiperComA03 {
	padding: 16px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .SwiperBox {
		width: 100%;
		height: 100%;
		overflow: hidden;

		.SwiperItem {
			width: 100%;
			height: 100%;
			position: relative;
			z-index: 1;
			transform: scale(0.65);

			& > img {
				position: absolute;
				width: 100%;
				height: 100%;
				display: block;
				z-index: -1;
			}

			& > div {
				position: absolute;
				width: 100%;
				bottom: 0;
				background: rgba(0, 0, 0, 0.6);
				font-family: MicrosoftYaHei;
				font-size: 14px;
				color: #ffffff;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				padding: 8px;
			}
		}

		.swiper-slide-prev,
		.swiper-slide-next {
			transform: scale(0.8);
			z-index: 9;
		}

		.swiper-slide-active {
			transform: scale(1);
			z-index: 10;
		}
	}
}

.XNewSwiperListA01 {
	width: 100%;
	height: 100%;
	user-select: none;

	& > .swiper-wrapper {
		width: 100%;
		height: 100%;

		& > .swiper-slide {
			width: 100%;
			position: relative;
			z-index: 1;
			overflow: hidden;
			cursor: pointer;

			& > img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				z-index: -1;
			}

			& > div {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				padding: 8px 16px;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				background: rgba(0, 93, 204, 0.8);
				font-family: MicrosoftYaHei;
				font-size: 12px;
				color: #ffffff;
			}
		}
	}
}
